
<script src="../js/jquery.js"></script>
<script src="../js/modernizr.js"></script>

<link rel="stylesheet" type="text/css" href="../css/reset.css"
	media="screen" title="html5doctor.com Reset Stylesheet" />

<link rel="stylesheet" type="text/css" href="../css/css3.css"
	media="screen" />

<link rel="stylesheet" type="text/css" href="../css/general.css"
	media="screen" />

<link rel="stylesheet" type="text/css" href="../css/grid.css"
	media="screen" />

<!--[if (gte IE 6)&(lte IE 8)]>
    	<script src="../js/selectivizr.js"></script>
    <![endif]-->


<style>
body {
	background-image: url("../img/back.png");
	background-repeat: repeat;
}

p {
	text-align: justify;
}

header {
	padding-top: 10px;
	border-bottom: 2px solid #525252;
	margin-bottom: 10px;
}

header .logo {
	font-size: 2.52em;
}

header nav ul {
	float: right;
}

header nav ul li {
	float: left;
}

header nav ul li a {
	display: block;
	padding: 5px 15px;
	border-right: 1px solid #eee;
	font-size: 1.052em;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}

header nav ul li a:hover {
	background-color: #eee;
	border-right: 1px solid #ccc;
	text-shadow: -1px -1px 0px #fff;
}

header nav ul li:last-child a {
	border-right: none;
}

article {
	border-bottom: 5px double #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

article a h3 {
	border-bottom: 2px solid #eee;
}

article a {
	text-decoration: none;
}

article .date {
	display: block;
	float: left;
	border: 1px dashed #ccc;
	margin-right: 15px;
	margin-bottom: 10px;
	background-color: #fff;
}

article .date .day {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.5em;
	text-align: center;
	display: block;
	padding: 1px 10px;
}

article .date .month {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #eee;
	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	font-weight: 600;
	color: #525252;
	display: block;
	text-align: center;
	padding: 3px;
}

article .date .year {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #ccc;
	display: block;
}

article .more {
	display: block;
	float: right;
	background-color: #eee;
	text-decoration: none;
	padding: 3px;
}

ul.recent {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

ul.recent li {
	margin-bottom: 5px;
	font-size: 1.052em;
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
}

.side_element {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ccc;
}

h2 {
	border-bottom: 1px dashed #ccc;
}

footer {
	text-align: center;
	color: #666;
	font-size: 0.9em;
	padding: 4px 0px;
	border-top: 1px solid #525252;
}
</style>
